/* all tag */
* { margin: 0; padding: 0; border: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
/* 对新标签兼容性处理 */
header,
nav,
aside,
section,
article,
footer { display: block; }
a { text-decoration: none; }
ul { list-style: none; }
/* header */
header { height: 80px; background-color: #696969; }
header > .container { margin: 0 auto; width: 1200px; }
header > .container > a { display: block; float: left; margin: 5px 25px; }
header > .container > nav { float: right; width: 660px; }
header > .container > nav a { display: block; float: left; width: 110px; height: 73px; color: #fff; text-align: center; font-size: 24px; line-height: 73px; }
header > .container > nav a.home { background-color: peru; }
header > .container > nav a.course { background-color: skyblue; }
header > .container > nav a.actual { background-color: pink; }
header > .container > nav a.plan { background-color: lawngreen; }
header > .container > nav a.faq { background-color: yellowgreen; }
header > .container > nav a.notes { background-color: orange; }
header > .container > nav a:hover,
header > .container > nav a:active { padding: 3px 0 4px 0; }
/* banner */
.banner { background-color: #eaeaea; }
.banner > ul { position: relative; margin: 0 auto; padding-top: 10px; width: 1490px; height: 538px; }
.banner > ul > li { position: absolute; overflow: hidden; width: 610px; height: 300px; }
.banner > ul > li.active { top: 37px; right: 0; left: 0; z-index: 2; margin: auto; width: 960px; height: 460px; border: 1px solid #fff; }
.banner > ul > li.left { top: 0; bottom: 0; left: 0; z-index: 1; margin: auto; }
.banner > ul > li.right { top: 0; right: 0; bottom: 0; z-index: 1; margin: auto; }
.banner > ul > li > img { position: absolute; left: -30%; height: 100%; }
/* main */
.main { margin: 34px auto 0; width: 1200px; height: 473px; }
.main h1 { margin-bottom: 23px; font-weight: 400; font-size: 30px; }
.main h1 > samp { color: #7c7c7c; font-size: 30px; }
.main > aside { float: left; width: 450px; }
.main > aside > dl { position: relative; display: block; margin-bottom: 17px; height: 74px; }
.main > aside > dl > dt { position: absolute; top: 0; left: 90px; font-weight: 700; font-size: 16px; line-height: 16px; }
.main > aside > dl > dd:first-of-type { position: absolute; left: 0; }
.main > aside > dl > dd:last-of-type { position: absolute; top: 20px; left: 90px; }
.main > article { float: right; overflow: hidden; width: 720px; }
.main > article > p,
.main > article > img { margin-bottom: 18px; }
/* footer */
footer { background-color: #696969; }
footer > .container { margin: 0 auto; width: 1200px; height: 64px; }
footer > .container > p { float: left; color: #fff; line-height: 64px; }
footer > .container > span { float: right; margin: 14px 40px; }
footer > .container > span > img { margin-left: 4px; opacity: .7; }
footer > .container > span > img:hover { opacity: 1; cursor: pointer; }
